<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/pagination.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/member.css">
    <link rel="stylesheet" href="../css/afterSale.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/common.js"></script>
</head>
<body>
    <div class="tops">
        <div class="info">
            <div class="divs">欢迎来到歌必网-咖啡综合专属服务平台~</div>
            <div class="divs">客服热线 17521209352</div>
        </div>
    </div>
    <div class="navigation">
        <div class="infos">
            <div class="lefts">
                <h1 class="logo">
                    <a href="../index.html">
                        <img src="../img/member/page-logo.png" alt="">
                        <span>歌必网</span>
                    </a>
                </h1>
                <nav class="nav_list">
                    <div class="none">
                        <a href="../index.html">首页</a>
                    </div>
                    <div class="none">
                        <a href="../news.html">咨讯</a>
                    </div>
                    <div class="none">
                        <a href="../lnsights.html">洞见</a>
                    </div>
                    <div class="none">
                        <a href="../forums.html">讲堂</a>
                    </div>
                    <div class="none">
                        <a href="../aMarket.html">市集</a>
                    </div>
                    <div class="none">
                        <a href="../seryiceList.html">服务</a>
                    </div>
                    <div class="none">
                        <a href="../community.html">社区</a>
                    </div>     
                </nav>
               
            </div>
            <div class="rihts">
                <img class="imgs" src="../img/all_sach.png" alt="" srcset="" />
                <div class="login_none">
                    <a class="btn" href="../login.html">注册/登录</a>
                </div>
                <div class="login_adready">
                    <a href="./member/uesrInfo.html">
                        <img src="../img/all_tou.png" alt="" class="login_aready">
                    </a>
                    <div class="login_info">
                        <div class="inner_info">
                            <div class="head_img_box">
                                <a href="./uesrInfo.html"><img src="../img/all_tou.png" alt="" class="head_img"></a>
                                <div class="himg_right">
                                    <p class="name_box">
                                        <span class="name">再吃亿口</span> <span class="user_tab">暂未开通</span>
                                    </p>
                                    <p class="phone">15100743385</p>
                                </div>
                            </div>
                            <ul class="menus vips">
                                <li class="items">
                                    <a href="#" class="vip_btn"><i class="iconfont icon-huiyuan"></i>vip中心</a>
                                </li>
                            </ul>
                            <ul class="menus">
                                <li class="items">
                                    <a href="./myOrder.html"><i class="iconfont icon-shangpindingdan"></i>商品订单</a>
                                </li>
                                <li class="items">
                                    <a href="./myCourse.html"><i class="iconfont icon-wodekecheng"></i>我的课程</a>
                                </li>
                                <li class="items">
                                    <a href="./taskOrder.html"><i class="iconfont icon-dingdanrenwu"></i>任务订单</a>
                                </li>
                                <li class="items">
                                    <a href="./friendVerification.html"><i class="iconfont icon-tianjiahaoyou"></i>好友验证</a>
                                </li>
                            </ul>
                            <ul class="menus other">
                                <li class="items">
                                    <a href="./uesrInfo.html"><i class="iconfont icon-shezhi"></i>账号设置</a>
                                </li>
                                <li class="items">
                                    <a href="#" class="login_out"><i class="iconfont icon-tuichudenglu"></i>退出登录</a>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
                <i class="iconfont icon-gengduo more"></i>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="step_box">
            <div class="step step_act">
                <i>1</i>申请售后
            </div>
            <div class="line"></div>
            <div class="step">
                <i>2</i>卖家处理退款申请
            </div>
            <div class="line"></div>
            <div class="step">
                <i>3</i>退款完毕
            </div>
        </div>
        <div class="form_box">
            <div class="form_left">
                <ul class="form">
                    <li class="item">
                        <label for="">退款商品:</label>
                        <div class="product">
                            <img src="../img/hshop.png" alt="">
                            <div class="info">
                                <p class="name">意式皇家Hello小白咖啡机小型家用全半自动意式美式浓缩</p>
                                <p class="price">￥16.61</p>
                            </div>
                        </div>
                        <div class="suk">规格：1kg 轻度烘焙*2</div>
                        <div class="num">x1</div>
                    </li>
                    <li class="item">
                        <label for="" class="align_start">退款商品:</label>
                        <div class="radio_box">
                            <p class="radio_item "><i class="radio_icon radio_have"></i>仅退款</p>
                            <p class="radio_item"><i class="radio_icon"></i>退款退货</p>
                        </div>
                    </li>
                    <li class="item">
                        <label for="" class="align_start">货物状态:</label>
                        <div class="radio_box">
                            <p class="radio_item"><i class="radio_icon radio_have"></i>未收到货</p>
                            <p class="radio_item"><i class="radio_icon"></i>已收到货</p>
                        </div>
                    </li>
                    <li class="item">
                        <label for="" class="align_start">退款金额:</label>
                        <div class="input_box">
                            <i class="tab">&yen;</i>
                            <input type="text" placeholder="请输入退款金额" value="16.25" class="price_input">
                            <p>含发货金额¥0.00</p>
                        </div>
                    </li>
                    <li class="item">
                        <label for="">退款原因:</label>
                        <div class="select_box">
                            <p class="select_context">
                                <span>请选择</span>
                                <i class="iconfont icon-xiajiantou"></i>
                            </p>
                            <ul class="select_list">
                                <li>东西不好</li>
                                <li>不想要了</li>
                                <li>朋友说不好</li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <label for="" class="align_start">补充描述:</label>
                       <textarea name="" id="" placeholder="补充描述，有助于商家更好的处理售后问题"></textarea>
                    </li>
                    <li class="item">
                        <label for="" class="align_start">上传凭证:</label>
                        <div class="upload_list">
                             <div class="upload_box">
                                <div class="inner_box">
                                    <i class="icon"></i>
                                    <p>上传凭证<br/>最多4张</p>       
                                </div>
                                <input type="file" accept="image/*" id="fileSelector">
                            </div>
                            <div class="upload_img_list">

                            </div>
                        </div>
                       
                    </li>
                </ul>
                <div class="submit_btn">立即提交</div>
            </div>
            <ul class="form_right">
                <li>成交时间：2024-04-22 13:25:04</li>
                <li>订单编号：21789685441230015</li>
                <li>邮费： ¥0.00</li>
                <li>商品总价：¥16.61</li>
                <li>退款金额：¥16.61</li>
                <li class="moblie_item">规格：1kg 轻度烘焙*2</li>
                <li class="moblie_item">数量：*1</li>
            </ul>
        </div>
    </div>
    <div class="btons">
        <div class="app">
            <div class="tiitle">平台标语</div>
            <div class="jg"></div>
            <div class="ps">
                <div class="item">
                    <img class="imgs" src="../img/all-xs.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">学习</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
                <div class="item">
                    <img class="imgs" src="../img/all-j.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">交流</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
                <div class="item">
                    <img class="imgs" src="../img/all-x.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">协作</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
                <div class="item">
                    <img class="imgs" src="../img/all-c.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">创新</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottoms_all">
        <div class="bottoms">
            <div class="info">
                <div class="items">
                    <div class="title">
                        ABOUT
                    </div>
                    <div class="title">
                        关于我们
                    </div>
                    <div class="jsx">我们的使命是通过不断优化和提高生产流程，为客户提供最优质的服务和产品</div>
                    <div class="ewm">
                        <div class="boxs">
                            <img src="../img/member/ewm.png" alt="" srcset="" />
                        </div>
                        <div class="boxs">
                            <img src="../img/member/ewm.png" alt="" srcset="" />
                        </div>
                    </div>
                </div>
                <div class="items">
                    <div class="title">CONTACT</div>
                    <div class="title">联系我们</div>
                    <div class="jsx">地址：海南省海口市秀英区海秀街道办南海大道288号海鑫郦都7号楼海口药谷牛物医药创新综合体2层215室A00062号</div>
                    <div class="jsx1">电话:(010)12345678</div>
                    <div class="jsx1">Email: contact@example.net</div>
                    <div class="jsx1">Web:www.innocorp.cn</div>
                </div>

                <div class="items">
                    <div class="title">LINKS</div>
                    <div class="title">友情链接</div>
                    <div class="jsx">合作伙伴一</div>
                    <div class="jsx1">合作伙伴二</div>
                    <div class="jsx1">合作伙伴三</div>
                    <div class="jsx1">合作伙伴四</div>
                    <div class="jsx1">合作伙伴五</div>
                </div>
                <div class="items">
                    <div class="title">MECHANISM</div>
                    <div class="title">合作机构</div>
                    <div class="imgs">
                        <img src="../img/logo2.png" alt="" srcset="" />
                    </div>
                    <div class="imgs">
                        <img src="../img/logo1.png" alt="" srcset="" />
                    </div>
                </div>
            </div>
            <div class="bq">版权所有 ◎ 2024|海南孚润数字技术有限公司|京ICP备12345678号</div>
            <div class="bqs">数据资产管理入表</div>
        </div>
    </div>
</body>

<script src="../js/leftnav.js"></script>
<script src="../js/afterSale.js"></script>

<script src="../js/jquery.z-pager.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$("#pager").zPager({
			totalData: 50,
			htmlBox: $('#wraper'),
			btnShow: false,
			ajaxSetData: false
		});
		function currentPage(currentPage){
			/*
				触发页码数位置： Page/js/jquery.z-pager.js 64行
			*/
			console.log("当前页码数：" + currentPage);
		}
</script>
</html>